<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <!-- 引入ElementUI样式 -->
    <link type="text/css" rel="stylesheet" href="../css/index.css">
    <!-- 引入Vue组件库 -->
    <script type="text/javascript" src="../js/vue.js"></script>
    <!-- 引入ElementUI组件库 -->
    <script type="text/javascript" src="../js/index.js"></script>
    <script type="text/javascript" src="../js/axios.min.js"></script>
</head>
<body>
<div id="app">
    <h1 style="text-align: center; margin-left: -250px">网站预约挂号流程</h1>
    <div style="height: 650px; width: 300px; margin: 0 auto">
        <el-steps  direction="vertical" :active="active">
            <el-step title="点击预约挂号" description=""></el-step>
            <el-step title="选择部门" description=""></el-step>
            <el-step title="选择科室" description=""></el-step>
            <el-step title="选择医生" description=""></el-step>
            <el-step title="选择就诊时间" description=""></el-step>
            <el-step title="填写个人基本信息" description=""></el-step>
            <el-step title="核对预约信息并支付" description=""></el-step>
            <el-step title="预约成功" description=""></el-step>
            <el-step title="查看预约记录" description=""></el-step>
        </el-steps>
    </div>
</div>

<script>
    new Vue({
        el: "#app",
        data: {
            active: 7,
        },
        created() {

        },
        methods: {},
    })
</script>

</body>
</html>